@import '/styles/mixins.less';
@import '/styles/variables.less';

.staff-list {
  background-color: @bc-def;
  .staff-list-items {
   
    .staff-list-item {
      .flex();
      padding: 26rpx 0;
      border-bottom: 1px solid @border;

      &:last-child {
        border-bottom: 0;
      }
      .title {
        font-size: @font-34;
      }
      .desc {
        font-size: @font-24;
        color: @text-light;
      }

      >.left {
        height: 136rpx;
        min-width: 136rpx;
        width: 136rpx;
        border-radius: 8rpx;
        overflow: hidden;
        background-color: @bc-page;
        margin-right: 24rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }
      >.center {
        flex: 1;
        .center-middle {
          background-color: #EAF3FF;
          border-radius: 4rpx;
          color: @primary-color;
          font-size: @font-24;
          margin: 16rpx 0;
          padding: 4rpx 16rpx;
          display: inline-block;
        }
      }

      >.right {
        width: 100rpx;
        min-width: 100rpx;
        line-height: 54rpx;
        background-color: @primary-color;
        color: @text-fff;
        font-size: @font-26;
        border-radius: 8rpx;
        text-align: center;
      }
    }
  }
}